<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>方格</title>
    <style>
        html{
            overflow-y: scroll;
        }
        [data-dpr="2"] p, [data-dpr="3"] p,
        [data-dpr="2"] div, [data-dpr="3"] div {
            max-height: 100%;
        }
    </style>
    <meta http="x-dns-prefetch-control" content="on" />
    <script src="/assets/js/size.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
    <%/* 启用360浏览器的极速模式(webkit) */%>
    <meta name="renderer" content="webkit" />

    <%/* 优先使用IE最新版本和Chrome */%>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <%/* 不使用百度 Siteapp */%>
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="grey" />
    <meta name="format-detection" content="telephone=no" />


    <%=
    (function(link){
    var str = '';
    var base = this.STYLES_BASE;
    var sversion = this.SVERSION;
    link && link.map(function(src){
    str += '<link rel="stylesheet" type="text/css" href="'+base+'style/'+src+'.css?'+ sversion +'"/>';
    });
    return str;
    })(this._CSSLinks);
    %>
    <% if(this._CSSstack && this._CSSstack.length) { %>
    <style type="text/css">
        <%= this._CSSstack.join("\n");%>
    </style>
    <% } %>

</head>

<body>

<input id="hide-data" type="hidden" data-hash="test" data-gid="" data-pid="" />

<div class="main-container" id="main-container">
    <div class="top-pic">
        <img src="<%= this.article.thumb %>" alt=""/>
    </div>
    <div class="article-wrapper">
        <% if(this.article){ %>

        <p class="article-tag pd-35"><a href="veryside://link?type=<%= this.article.topic.type %>&id=<%= this.article.topic.id %>"><%= this.article.topic.title %></a></p>

        <h1 class="article-title pd-35">
            <span><%= this.article.title %></span>
        </h1>

        <div class="author pd-35">
            <a class="author-ico" href="veryside://link?type=<%= this.article.author.type %>&id=<%= this.article.author.id %>">
                <img src="<%= this.article.author.thumb || '/assets/images/gallery/thumb-1.jpg' %>" alt=""/>
            </a>
            <div class="author-des">
                <p class="author-nick">
                    <a href="veryside://link?type=<%= this.article.author.type %>&id=<%= this.article.author.id %>"><%= this.article.author.nickname %></a>
                </p>
                <p class="author-time">
                    <a href="veryside://link?type=<%= this.article.author.type %>&id=<%= this.article.author.id %>"><%= this.article.date %></a>
                </p>
            </div>
        </div>
        <% } %>

        <!--以下为内容-->
        <%= this.article.contents ? this.article.contents : '<div class="no-article">精彩内容稍后呈上...<div>' %>
    </div>
    <div class="no-more"></div>
</div>

<%# helper/footer.html %>
